<!DOCTYPE html>
<html>
<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script>
	</head>
	<body>
   <div id="app">
       请输入原始内容：<input type="text" v-model='message'><br/>
     
       <p>{{ revrsedMessage1()}}</p>
   </div>
   <script>
        new Vue({
       el:'#app',
       data:{
           message:'scetop'
       },
       computed:{
           revrsedMessage:function(){
               return this.message.split('').reverse().join('')
           }
       },
      methods:{
        revrsedMessage1(){
            return this.message.split('').reverse().join('')
        }   
      }
   })
   </script>
  
	</body>
</html>
